<template>
	<view class="orders page bgff c00">
		<view class="flex flexC fs16 px10 pt6">
			<view class="py8 flex1 aliC" v-for="(item,index) in tabs" :key="index" @click="switchTab(index)">
				<text :class="index==currentTab?'active':''" >{{item}}</text>
			</view>
		</view>
		<scroll-view scroll-y class="list boxS bgf5" @scrolltolower="nextPage">
			<view v-for="(item,index) in list" :key="index" class="px14 r8 pb12 bgff my10 mx16" @click="detail(item)">
				<view class="borb bold6 pt16 pb12">
					<text>本月获取</text>
					<text class="c57">100</text>
					<text class="ml8">本月使用</text>
					<text class="cff0">0</text>
				</view>
				<view class="flex flexC flexB pt14">
					<text>注册成功赠送</text>
				</view>
				<view class="flex flexC flexB pt6 fs12">
					<text class="c85">注册赠送2023-01-12   21:37:36</text>
					<text class="c57 fs16">+100</text>
				</view>
			</view>
		</scroll-view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				tabs: ['全部','收入','支出'],
				currentTab:0,
				list:[]
			};
		},
		onLoad() {
		},
		methods:{
			
		}
	}
</script>

<style lang="scss" scoped>
.orders {
	.active {border-bottom: 4rpx solid #576DAB;}
	.list {
		height: calc(100vh - 92rpx);
	}
}
</style>
